<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
		<!-- 1.引入重置样式 -->
		<link rel="stylesheet" href="../css/reset.css" />
		<link rel="stylesheet" href="../css/normalize.css" />
		<link rel="stylesheet" href="../css/common.css" />
		<link rel="stylesheet" href="../css/account-number.css" />
	</head>
	<body>
		<section class="loginBox">
			<!-- 左边大蓝色盒子 -->
			<div id="blueBox">
				<div class="blueBoxBg"></div>
			</div>
			<!-- 登录框 -->
			<div id="loginModalBg">
				<div id="loginModal">
					<!-- logo -->
					<div id="loginModalLogo"></div>
					<!-- tab区 -->
					<div id="loginModalTab">
						<a class="active" href="javascript:void 0">账号登录</a>
						<i></i>
						<a href="javascript:void 0">扫码登录</a>
					</div>
					<!-- 表单区 -->
					<form action="index.html" method="post" class="on">
						<!-- 用户名 -->
						<p id="loginUser">
							<i></i>
							<input type="text" placeholder="用户名/手机号/邮箱" />
						</p>
						<!-- 密码 -->
						<p id="loginPwd">
							<i></i>
							<input type="password" placeholder="密码" />
						</p>
						<!-- 忘记密码 -->
						<p id="forgetPwd" class="text-r">
							<a href="#">忘记密码</a>
						</p>
						<!-- 登录 -->
						<p>
							<input type="submit" value="登录" />
						</p>
						<!-- 立即注册 -->
						<p class="text-r">还没有账号， <a href="../html/register.html">立即注册 &gt;</a></p>
					</form>
					<!-- 扫码登录 -->
					<form action="home.html" method="post" >
						<div id="QuickMark">
							<img src="../imgs/showqrcode.jpg" alt="" width="105px" />
							<p>微信扫码登录</p>
							<p>未关注工众好</p>
						</div>
						<p id="zhuce">还没有账号,<a href="#">立即注册 &gt;</a></p>
					</form>
				</div>
			</div>
		</section>
		<!-- 引入util的js -->
		<script src="../js/util.js"></script>
		<script src="../js/account-number.js"></script>
	</body>
</html>
